<!DOCTYPE html>
<html lang="en">
<head>
    <title>Hotel System</title>
    <base href="/images/"/>
    <!-- <link rel="stylesheet" href="/CSS/mystyle.css"> -->
    <!-- <style>
          p{
            color:red;
          }

        </style> -->

</head>
<body>
    <script type="text/javascript">
        document.write("欢迎光临！")
        // var name=prompt("请输入你的名字");
        // alert(name);
    </script>
    <noscript>YOUR BROWER DOES NOT 404</noscript>
<!-- get会看到 post安全,传输大文件  maxlength输入最大值 value默认输入值 size文本框大小-->
<form action="" method="get">
  <p>名字: <input type="text" name="username" placeholder="请输入用户名"></p>
  <p>密码: <input type="password" name="pwd"></p>
  <!-- 单选框标签 要单选必须加name（分组） -->
  <p><input type="radio" value="boy" name="sex">男
  <input type="radio" value="girl" name="sex">女
</p>
<!--  -->
<p><input type="checkbox" value="game" name="hobby" checked>游戏
<input type="checkbox" value="chat" name="hobby">聊天
</p>
<p>下拉框：
  <select name="列表名称" id="">
    <option value="选项的值">1</option>
    <option value="选项的值" selected>2</option>
    <option value="选项的值">3</option>
  </select>
</p>
<!-- 文本域 -->
<!-- cols 列 rows 行 -->
<p>反馈：
  <textarea name="textarea" id="" cols="30" rows="10" placeholder="文本内容"></textarea>
</p>
<!-- 文件域-->
<p><input type="file" name="files">
  <input type="button" value="上传" name="upload">
</p>
<!-- 邮件标签 -->
<p>邮件：
  <input type="email" name="" id="">
</p>
<!-- URL -->
<p>
  <input type="url" name="" id="">
</p>
<!-- 数字标签 step向上下加减多少-->
<p><input type="number" name="" id=""  max="" min="" step="">
</p>
<!-- 搜索框 -->
<p>
  <input type="search" name="" id="">
</p>
<!-- 隐藏 hidden 只读 readonly 禁用 disabled 提示信息 placeholder 非空判断 required 正常表达式(自定义) pattern-->
<!-- input type="button" 普通按钮
     input type="image" 图像按钮-->
  <!-- 按钮 -->
  <p><input type="submit">
  <!-- 重置按钮 -->
  <input type="reset">
  </p>
  <!-- checked 默认选中-->
  <!-- selected 默认选中 -->
  

</form>


    <hr>
    <p>Hello We are learning html 5</p>
    <p> this is html class</p> 
    <p>this is a big</p>
    <img src="/images/屏幕截图(12).png" alt="was" width="500" height="300" border="0"/>
    <img src="/images/屏幕截图(14).png" alt="" width="500" height="300">
    <hr>
    <a href="http://127.0.0.1:5500/home.html" target="_blank">点击进入其他网站</a>
<a href="mailto:1312907557@qq.com">点击联系我</a>
<table>
  <!-- tr 行；td 列 -->
  <!-- colspan 跨列 ; rowspan 跨行 -->
  <!-- <tr aria-colspan="4"></tr> -->
</table>
</body>
</html>